﻿/**
 * fyyui.css
 * 范叶勇
 * fyybuilder.com
 * 2025-07-08 17:25:00 add
 * Copyright (c) since2015 泛依软件
*/
html, body, div, span, iframe, map, font, input, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, address, code, dl, dt, dd, a, ol, ul, li, form, label, table, tr, td, th { padding: 0; margin: 0; border: 0; }
body {overflow-x: hidden; }
input[type=text], input[type=button], input[type=submit] { -webkit-appearance: none;}
input, select, button, textarea { outline: none; font-family: normal; resize: none; }
.f-logon { margin-top: 160px; margin-bottom: 100px; }
.f-container { width: 100%; max-width: 1200px; margin: 0 auto; }
.f-logon .box-sizing { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.f-logon .picture { width: 50%; padding: 65px 0; }
.f-logon .area { width: 50%; border: 1px solid #e2e2e2; margin-left: auto; margin-right: auto; }
.f-logon .area .box { width: 315px;; margin-left: auto; margin-right: auto; }
.f-logon .area .title { text-align: center; font-size: 22px; color: #333333; line-height: 1.8; margin-bottom: 30px; }
.f-logon .area .row { margin-bottom: 27px; }
.f-logon .area .row input { width: calc(100% - 20px); border-bottom: 1px solid #e2e2e2; font-size: 16px; color: #cccccc; padding: 10px 0; transition: all 0.3s ease-in-out; padding-left: 35px; cursor: pointer; }
.f-logon .area .row input.username { background: url(/images/ico1.png) no-repeat left 5px center; }
.f-logon .area .row input:hover.username { background: url(/images/ico2.png) no-repeat left 5px center; }
.f-logon .area .row input.password { background: url(/images/ico3.png) no-repeat left 5px center; }
.f-logon .area .row input:hover.password { background: url(/images/ico4.png) no-repeat left 5px center; }
.f-logon .area .row:after { content: ""; display: block; width: 0%; height: 1px; background: #32c23e; transform: translateY(-1px); transition: all 0.3s ease-in-out; }
.f-logon .area .row:hover:after { width: 100%; transition: all 0.3s ease-in-out; }
.f-logon .area .row:nth-child(6) { margin-bottom: 0; }
.f-logon .area .agree { font-size: 14px; color: #333333; line-height: 1.8; margin: 17px 0; }
.f-logon .area .agree > a { color: #617fde; }
.f-logon .area .agree .check { display: inline-block; transform: translateY(1px); margin-right: 5px; background: #32c23e; }
.f-logon .area .button { display: block; width: 100%; height: 42px; background: #32c23e; text-align: center; color: #fff; font-size: 16px; border: 0; border-radius: 2px; cursor: pointer; }
.f-logon .area .w2 { font-size: 14px; color: #999999; line-height: 1.8; text-align: right; padding: 8px 0; }
.f-logon .area .w2 > a { color: #617fde; }
.f-logon .padding { padding: 50px 0; }
.f-foot { text-align: center; line-height: 1.8; font-size: 14px; color: #999999; padding: 30px 0; background: #fcfcfc; }
.f-header { height: 50px; width: 100%; overflow: hidden; z-index: 99; position: fixed; _position: absolute; left: 0px; top: 0px; background-color: #2c85c4; color: #FFFFFF; font-size: larger; /*chrome2+,safari4+;multiplecolorstops*/ background-image: -webkit-gradient(linear,leftbottom,lefttop,color-stop(0.32,#2c85c4),color-stop(0.66,#3493d7),color-stop(0.83,#2f9be6)); /*chrome10+,safari5.1+*/ background-image: -webkit-linear-gradient(#2c85c4,#3493d7,#2f9be6); /*firefox;multiplecolorstops*/ background-image: -moz-linear-gradient(top,#2c85c4,#3493d7,#2f9be6); /*opera11.1*/ background-image: -o-linear-gradient(#2c85c4,#3493d7,#2f9be6); /*标准写法*/ background-image: linear-gradient(#2c85c4,#3493d7,#2f9be6); }
.f-header .name { float: left; }
.f-header .name div { margin-left: 30px; line-height: 50px }
.f-header span { font-family: @微软雅黑; font-size: 16px; font-weight: bold }
.f-header .nav { position: absolute; z-index: 102; left: 200px; margin-top: 0px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; }
.f-header .nav li span { display: block; padding-top: 15px; }
.f-header .nav li a { display: block; width: 50px; height: 50px; font-size: 14px; line-height: 50px; }
.f-header .nav li { display: block; float: left; margin-right: 1px; text-align: center; font-weight: 700; width: 50px; height: 50px; line-height: 50px }
.f-header .nav li a:link, .top-nav li a:visited { text-decoration: none; font-size: 14px; display: block; height: 50px; color: #fff; float: left; width: 50px; }
.f-header .nav li a:hover { text-decoration: none; color: #fff; background-color: #2f8ccd }
.f-header .nav li a.curNav { background-color: #2f8ccd; text-decoration: none; font-size: 14px; display: block; height: 50px; color: #fff; float: left; width: 50px; font-weight: bold }
.f-header .nav li a img { vertical-align: middle; }
.f-header .nav .query { width: 146px; }
.f-header .nav .query input { vertical-align: middle; width: 130px; height: 32px; margin-left: 10px }
.f-header #ss { content: url(/images/ss.png) }
.f-header #zy { content: url(/images/sy.png) }
.f-header #zx { content: url(/images/zx.png) }
.f-header .sa { float: right; line-height: 50px; font-size: 12px; vertical-align: middle }
.f-header .sa a { color: White; text-decoration: none; display: inline-block; width: 36px; height: 50px; line-height: 50px; }
.f-header .sa a img { vertical-align: middle; }
.f-navigator { width: 200px; height: 100%; border: solid 1px #e5e3da; position: fixed; _position: absolute; left: 0px; top: 50px; z-index: 100; background: #fafafa }
.f-navigator .subNav { border-bottom: solid 1px #e5e3da; cursor: pointer; font-weight: bold; font-size: 14px; color: #999; line-height: 46px; padding-left: 10px; background: url(../images/jiantou1.jpg) no-repeat; background-position: 95% 50%; font-size: 16px; display: flex; align-items: center; }
.f-navigator .subNav:hover { color: #277fc2; }
.f-navigator .cur { color: #277fc2 }
.f-navigator .curNav { color: #277fc2; background-image: url(../images/jiantou.jpg); }
.f-navigator .content { display: none; border-bottom: solid 1px #e5e3da; }
.f-navigator .content li span { display: block; width: 140px; height: 35px; font-size: 14px; line-height: 35px; padding-left: 50px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f-navigator .content .cur { color: #277fc2; font-weight: bold; }
.f-navigator .content li span:hover { color: #33c23d; font-weight: bold; }
.f-navigator .content li span img { vertical-align: middle; margin-bottom: 1px }
.f-navigator .nav_yw { content: url(/images/nav_zt.png) }
.f-navigator .nav_page { content: url(/images/nav_form.png) }
.f-navigator .nav_sz { content: url(/images/nav_sz.png) }
.f-bread-nav { width: calc(100% - 200px); border: solid 1px #e5e3da; z-index: 99; position: fixed; _position: absolute; background-color: #fafafa; left: 200px; top: 50px; padding-left: 10px; }
.f-bread-nav li { list-style: none; float: left; margin-left: 10px; cursor: pointer }
.f-bread-nav li:hover { color: #33c23d; transition: all 0.3s ease-in-out; }
.f-bread-nav .cur span { display: inline-block; font-size: 16px; border-bottom: 2px solid #33c23d; }
.f-bread-nav li img { content: url(/images/del0.png) }
.f-bread-nav li img:hover { content: url(/images/del1.png) }
.f-content { width: calc(100%); min-height: calc(100% - 80px); position: absolute; left: 0; padding-left: 10px; }
.f-right-content { width: calc(100% - 200px); min-height: calc(100% - 80px); position: absolute; margin-top: 80px; left: 200px; padding-left: 10px; }
.f-toolbar { width: 100%; height: 40px; margin: 0 auto; text-align: left; }
.f-table-container { width: 100%; overflow-x: auto !important; position: absolute; top: 40px; bottom: 0px; }
.f-iframe { width: 100%; height: 100%; overflow: auto !important; border-width: 0; overflow-x: auto !important; }
.f-txtbox { width: 180px;line-height:32px; border-bottom: 1px solid #dbdbdb; font-size: 16px; color: #444; padding: 2px 0; transition: all 0.3s ease-in-out; padding-left: 0px; cursor: pointer; }
.f-txtbox:focus { border-color: #2196F3; box-shadow: 0 0 8px rgba(33, 150, 243, 0.3);}
.f-select ul, li { list-style: none; }
.f-select { width: 186px; z-index: 10000; }
.f-select cite { width: calc(100% - 36px); height: 35px; line-height: 35px; display: block; color: #807a62; cursor: pointer; font-style: normal; padding-left: 4px; padding-right: 30px; border: solid 1px #e5e3da; background: url(/images/xjt.png) no-repeat right center; }
.f-select ul { border: solid 1px #e5e3da; background-color: #ffffff; position: absolute; z-index: 20000; margin-top: -1px; display: none; }
.f-select ul li { height: 24px; line-height: 24px; }
.f-select ul li a { display: block; height: 24px; color: #444; text-decoration: none; padding-left: 10px; padding-right: 10px; text-align: left }
.f-select ul li a:hover { background-color: #CCC; }
.f-button, .f-ret-button, .f-red-button { width: 60px; height: 40px; background: #3d93d7; letter-spacing: 1px; color: white; border: 1px solid #3d93d7; border-radius: 2px; -webkit-border-radius: 2px; font-size: 16px; line-height: 35px; cursor: pointer; }
.f-button:hover { background: #2180c9; }
.f-table { margin-top: 5px; }
.f-table .nowrap { white-space: nowrap; }
.f-table tr { animation: slideIn 0.5s ease-out; transition: all 0.3s ease, height 0.5s ease; background: #fff; line-height: 30px; }
.f-table th { color: #444444; font-size: 12px; background-color: #f2f2f2; text-align: center; transition: transform 0.3s ease;background-image: -webkit-gradient(linear,leftbottom,lefttop,color-stop(0.32,#ececec),color-stop(0.66,#f2f2f2),color-stop(0.83,#f5f5f5)); background-image: -webkit-linear-gradient(#ececec,#f2f2f2,#f5f5f5);background-image: -moz-linear-gradient(top,#ececec,#f2f2f2,#f5f5f5);background-image: -o-linear-gradient(#ececec,#f2f2f2,#f5f5f5);background-image: linear-gradient(#ececec,#f2f2f2,#f5f5f5); }
.f-table td { border-bottom: 1px solid #e8eaef; background-color: #ffffff; font-size: 12px; text-align: center; vertical-align: middle; transition: transform 0.3s ease;}
.f-table tr:hover td:not(.f-dropdown-container) { background: #f5f5f5; transform: scale(1); box-shadow: 0 2px 8px rgba(0,0,0,0.1); cursor: pointer; }
.f-table td.menu-container { background: inherit; }
.f-table tr:active { background: #fffcb7; transition-duration: 0.1s; }
@keyframes slideIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes slideOut {
    30% { transform: translateX(-50px); }
    100% { opacity: 0; transform: translateX(100%); height: 0; padding-top: 0; padding-bottom: 0; }
}
.f-table tr.over td { background: #f5f5f5;}
.f-table .tdleft { text-align: left }
.f-table .tdright { text-align: right }
.f-table .tdcenter { text-align: center; vertical-align: middle }
.f-table td a { color: #000000; text-decoration: none; font-size: 16px }
.f-table td a:link { color: #000000; text-decoration: none; }
.f-table td a:visited { color: #000000; text-decoration: none; }
.f-table td a:hover { color: #ff2020; text-decoration: underline; }
.f-table .td-long-word { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.f-dropdown { position: relative; display: inline-block; }
.f-dropdown .content { display: none; position: absolute; background-color: #f9f9f9; min-width: 80px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999; text-align: left; left: 0px }
.f-dropdown .content a { color: black; padding: 8px 12px; text-decoration: none; display: block; font-size: 12px }
.f-dropdown .content a:hover { background-color: #f1f1f1 }
.f-dropdown .link-op { font-weight: bolder }
.f-dropdown .op { left: -60px }
.f-pagernav { height: 34px; line-height: 34px; width: 90%; margin-top: 2px; margin-left: auto; margin-right: auto; text-align: right; font-size: 12px }
.f-pagernav span { height: 34px; line-height: 34px; text-align: center; }
.f-pagernav a { color: rgb(52, 116, 208); text-decoration: none; width: 40px; height: 34px; border: 1px solid #e1e2e3; text-align: center; display: inline-block; line-height: 34px; margin-left: 5px }
.f-pagernav a:link { color: rgb(52, 116, 208); text-decoration: none; }
.f-pagernav a:visited { color: rgb(52, 116, 208); text-decoration: none; }
.f-pagernav a:hover { background: #f2f8ff; text-decoration: underline; border: 1px solid #38f; }
.f-pagernav .curpage { margin-left: 5px }
.f-ask-popup { display: none; width: 400px; height: 300px; position: fixed; top: calc(50% - 130px); left: calc(50% - 190px); z-index: 20000; background: white; overflow-y: hidden; overflow-x: hidden }
.f-ask-popup .title { width: 50%; color: White; float: left; height: 30px; line-height: 30px; background: #3d93d7; border-left: 0.4em solid #3d93d7; border-right: 0.4em solid #3d93d7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.f-ask-popup .close { width: 50%; color: White; float: left; height: 30px; line-height: 30px; background: #3d93d7; display: flex; align-items: center; justify-content: flex-end; border-right: 0.4em solid #3d93d7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.f-ask-popup .close a { display: block; height: 21px; line-height: 21px; }
.f-ask-popup .close a img { }
.f-ask-popup .form { width: 100%; text-align: center; font-size: 16px; height: 270px; margin: 0 auto; margin-top: 30px; overflow-x: auto; overflow-y: auto; border-left: 5px solid #3d93d7; border-right: 5px solid #3d93d7; border-bottom: 5px solid #3d93d7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.f-ask-popup .btn { position: absolute; bottom: 8px; left: calc(50% - 70px); text-align: center; }
.f-ask-popup { width: 330px; height: 150px; top: calc(50% - 75px); left: calc(50% - 165px); }
.f-ask-popup .form { height: 120px; padding-top: 20px; box-sizing: border-box; }
.f-shade { width: 100%; height: 100%; opacity: 0.8; filter: alpha(opacity=80); display: none; position: fixed; top: 0; left: 0; z-index: 1000; background: silver; }
.f-popup-shade { width: 100%; height: 100%; opacity: 0.8; filter: alpha(opacity=80); display: none; position: fixed; top: 0; left: 0; z-index: 1000; background: silver; }
.f-button, .f-ret-button, .f-red-button { width: 60px; height: 40px; background: #3d93d7; letter-spacing: 1px; color: white; border: 1px solid #3d93d7; border-radius: 2px; -webkit-border-radius: 2px; font-size: 16px; line-height: 35px; cursor: pointer; }
.f-button:hover { background: #2180c9; }
.f-ret-button { background: #908f8f; border: 1px solid #565656 }
.f-ret-button:hover { background: #838282; }
.f-red-button { background: red; border: 1px solid red; color: white }
.f-red-button:hover { background: #f8b35b; }
.f-form-tab { padding: 0; margin: 0; border: 0; display: inline-block }
.f-form-tab li span { display: block; }
.f-form-tab li a { display: block; height: 30px; font-size: 14px; line-height: 30px; color: #626675; padding: 0 10px; padding-top: 5px }
.f-form-tab li { display: block; float: left; text-align: center; height: 30px; line-height: 30px; }
.f-form-tab .curnav { color: #222; border-bottom: 2px solid #38f }
.f-form{ width: 100%; border: 1px solid #dbdbdb; padding-top: 10px; margin-top: 5px; padding-bottom: 10px }
.f-form .tip { font-size: 16px; width: 200px; height: 36px; line-height: 36px; text-align: right; float: left; }
.f-form .field-200px, .field-600px { width: 200px; height: 38px; line-height: 38px; padding-left: 10px; float: left; }
.f-form .field-600px { width: 600px; height: unset; line-height: unset; padding-top: 10px }
.f-green-lable { width: 100px; color: green; text-align: center; background-color: #d0faca; margin: auto; padding-top: 1px; padding-bottom: 1px; line-height: unset !important; }
.f-red-lable { width: 100px; color: red; text-align: center; background-color: #f7d5d5; margin: auto; padding-top: 1px; padding-bottom: 1px; line-height: unset !important; }
.f-blue-lable { width: 100px; color: blue; text-align: center; background-color: lightblue; margin: auto; padding-top: 1px; padding-bottom: 1px; line-height: unset !important; }
.f-orange-lable { width: 100px; color: orange; text-align: center; background-color: #faf6dc; margin: auto; padding-top: 1px; padding-bottom: 1px; line-height: unset !important; }
.f-show { display: block !important; }
.f-hide { display: none !important; }
.f-left0px { left: 0px !important; }
.f-width100per { width: 100% }
.f-width12px { width: 12px }
.f-hidden { visibility: hidden; }
.f-clear { clear: both }
.f-left { float: left }
.f-tip { z-index: 9999; position: fixed; left: 0; top: 40%; text-align: center; width: 100%; }
.f-tip span { background-color: #03C440; opacity: .8; padding: 20px 50px; border-radius: 5px; text-align: center; color: #fff; font-size: 20px; }
.f-tip span.error { background-color: #EAA000; }
.f-loading { height: 50px; text-align: center; position: fixed; top: 200px; left: calc(50% - 50px); }
.f-loading .loading { width: 4px; height: 4px; border-radius: 2px; background: #68b2ce; position: absolute; animation: loading linear 0.8s infinite; -webkit-animation: loading linear 0.8s infinite; }
.f-loading .loading:nth-child(1) { left: 24px; top: 2px; animation-delay: 0s; }
.f-loading .loading:nth-child(2) { left: 40px; top: 8px; animation-delay: 0.1s; }
.f-loading .loading:nth-child(3) { left: 47px; top: 24px; animation-delay: 0.1s; }
.f-loading .loading:nth-child(4) { left: 40px; top: 40px; animation-delay: 0.2s; }
.f-loading .loading:nth-child(5) { left: 24px; top: 47px; animation-delay: 0.4s; }
.f-loading .loading:nth-child(6) { left: 8px; top: 40px; animation-delay: 0.5s; }
.f-loading .loading:nth-child(7) { left: 2px; top: 24px; animation-delay: 0.6s; }
.f-loading .loading:nth-child(8) { left: 8px; top: 8px; animation-delay: 0.7s; }
.f-info { width: 800px; margin: 0 auto; padding: 20px 40px; margin-top: 130px; text-align: left; color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
@media screen and (max-width: 650px){
    .f-logon { margin-top: 100px; margin-bottom: 10px; }
    .f-logon .area { width: 100%; border-left: none; }
    .f-logon .area .box { margin-left: unset; width: unset; padding: 0 10px }
    .f-header .name div{display:none;}
    .f-header .nav { position: absolute; z-index: 102; left: 0px; margin-top: 0px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; }
    .f-bread-nav { width: calc(100%); border: solid 1px #e5e3da; z-index: 99; position: fixed; _position: absolute; background-color: #fafafa; left: 0px; top: 50px; padding-left: 10px; }
    .f-shade { width: calc(100% - 200px); height: 100%; position: fixed; _position: absolute; left: 200px; top: 50px; z-index: 100; opacity: 0.8; filter: alpha(opacity=80); background: silver; }
    .f-right-content { width: calc(100%); min-height: calc(100% - 80px); position: absolute; margin-top: 80px; left: 0px; padding-left: 0px }
    .f-txtbox { width: 100%; border-bottom: 1px solid #dbdbdb; font-size: 16px; color: #444; padding: 2px 0; transition: all 0.3s ease-in-out; padding-left: 0px; cursor: pointer; }
    .f-mclear { display: block !important; clear: both !important; }
    .f-toolbar {height:unset;}
    .f-table-container { top: unset; bottom: unset; }
    .f-pagernav { height: 34px; line-height: 34px; text-align: center; width: 90%; margin-top: 2px; margin-left: auto; margin-right: auto; font-size: 12px }
    .f-pagernav .pagelk { display: none }
    .f-pagernav .note { height: 34px; line-height: 34px; text-align: center; display: inline-block }
    .f-form .tip { width: 30%; height: 42px; line-height: 42px }
    .f-form .field-200px, .f-form .field-600px { width: calc(60% - 10px); }
    .f-select { width: calc(100% - 16px); margin-top: 2px }
    .f-select cite { width: calc(100%); padding-left: 0px; padding-right: 0px; height: 35px; display: block; }
    .f-select ul { width: calc(70% - 10px - 10px - 16px) }
    .f-ask-popup { width: 95%; left: calc(2%); }
    .f-mclear { display: block !important; clear: both !important; }
    .f-info { width: 90% }
}
